<!--  -->
<template>
  <div id="home">
      <Header></Header>
      <Swiper></Swiper>
      <Icon></Icon>
      <Location></Location>
      <Activity></Activity>
      <Hot></Hot>
      <Like></Like>
  </div>
</template>

<script>

//导入Header组件
import Header from 'components/Header/Header.vue'
//导入轮播组件
import Swiper from 'components/Swiper/SwiperContent.vue'
//导入轮播图下的小图标组件
import Icon from 'components/Icons/Icon.vue'
//引入定位组件
import Location from './Location.vue'
//活动组件
import Activity from './Activity.vue'
//Hot热门组件
import Hot from './Hot.vue'
//Like猜你喜欢组件
import Like from './Liked.vue'

export default {
  data () {
    return {
    };
  },
  components:{
      Header,
      Swiper,
      Icon,
      Location,
      Activity,
      Hot,
      Like
  }

}

</script>
<style scoped>
  #home{
    background-color: #f5f5f5;
  }
</style>